<template>
	<view class="p20">
		<u-empty v-if="!list.length" />
		<view v-for="(item,index) in list" :key="index" class="bg-fff radius12 p20 flex col-top mb20"
			@click="$goDemo(item)">
			<image :src="item.image" class="w220 h200 radius16" mode="aspectFill"></image>
			<view class="flex1 als-s pl24 flex-col ov-h row-between">
				<view class="fs30 fw-700 u-line-1">{{item.service_name}}</view>
				<view class="fs26 u-line-1">{{item.hospital}}</view>
				<view class="flex row-between">
					<view class="color-fs fw-700">
						<text class="fs26">￥</text>
						<text class="fs34">{{item.price}}</text>
					</view>
					<view class="fs24 ">
						<text class="color-999">销量：</text>
						<text class="color-666">{{item.num}}</text>
					</view>
				</view>
				<view class="flex pt10 border-t ov-h">
					<u-avatar :src="item.avatar" size="52"></u-avatar>
					<view class="fs24 color-232323 ml20 u-line-1">{{item.name}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "goodsList",
		props: {
			list: {
				default: ''
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">

</style>
